{include file="admin@public/header" /}
<link rel="stylesheet" href="/public/static/admin/easyui/layui-v2.6.8/css/layui.css">
<link rel="stylesheet" type="text/css" href="/public/static/admin/easyui/jeasyui/themes/icon.css">

<script type="text/javascript" charset="utf-8" src="https://vip2-hz.jdy.com/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="https://vip2-hz.jdy.com/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="https://vip2-hz.jdy.com/ueditor/lang/zh-cn/zh-cn.js"></script>

<style>
	.container{display:flex;flex-direction:column;box-sizing:border-box;background-color:#fff;overflow-x: hidden;}
	.wrapper-header{height: 40px;line-height: 40px;box-sizing: border-box;padding: 0 16px;}
	.wrapper-header ul{display: flex;flex-direction: row;justify-content: space-between;height: 40px;line-height: 40px;}
	.wrapper-header span{font-family: PingFangSC-Regular; font-size: 12px; color: #212121; letter-spacing: 0; line-height: 16px;}
	.download-btn{background: #00B7EF; border-radius: 2px; border-radius: 2px;width: 80px;height: 24px;color: #fff !important; padding: 4px 16px; cursor: pointer;margin-left: 12px;}
	.import-rule-btn{font-family: PingFangSC-Regular; font-size: 12px; color: #00B7EF; letter-spacing: 0; line-height: 16px;}
	.wrapper-warning{display: none;flex-direction: column;height: 120px;width: 100vw; background: #FFF6E6;}
	.wrapper-warning-con{display: flex;flex-direction: column;font-family: PingFangSC-Regular; font-size: 12px; color: #666666; letter-spacing: 0; line-height: 16px;padding: 12px 16px;}
	.wrapper-bottom{padding: 0 16px;height: calc(100vh - 110px);}
	.wrapper-top {height: 70px;padding: 0 16px;}
	.wrapper-top ul{list-style:none;display:flex;flex-direction:row;justify-content:space-between;}
	.wrapper-bottom ul{list-style:none;display:flex;flex-direction:row;}
	.wrapper-top ul li, .wrapper-bottom ul li{box-sizing:border-box;}
	.chk-list{display:flex;flex-direction:row;align-items:center;font-size:14px;}
	#inputInfo{width:calc(100vw - 60px) !important;height:calc(100vh - 140px);}
	#inputInfoShow{width:calc(100vw - 32px) !important;height:calc(100vh - 140px);}
	#header-wrap{display:flex;flex-direction:column;}
	#header-wrap span{margin-top:10px;}
	.chk{align-self:flex-start;}
	.gray{color:#B4BCCC;font-size:12px;}
	td{width:100px}
</style>

<div class="container layui-form" style="padding-bottom: 15px;">
	<div class="wrapper-header ">
		<ul>
			<li>
				<span>请先下载批量导入商品模版</span>
				<span class="download-btn" id="download">下载模版</span>
			</li>
			<li>
				<a class="import-rule-btn">查看导入规则</a>
			</li>
		</ul>
	</div>
	<div class="wrapper-warning" style="display: none;">
		<ul class="wrapper-warning-con">
			<li>商品导入规则：</li>
			<li>1、商品编号、商品代码、序列号允许填写任意一个</li>
			<li>2、数量不填写代表是1</li>
			<li>3、单位列非必录，允许填写商品的副单位，如果没有填写则根据商品带出计量单位</li>
			<li>4、支持批次保质期、辅助属性、序列号商品导入</li>
			<li>5、允许复制模版中的任意几个字段粘贴，需要连续复制，比如可以复制第一列和第二列，也可以复制第一列</li>
		</ul>
	</div>
	<div class="wrapper-top">
		<ul>
			<li class="chk-list" id="header-wrap">
				<!-- <span class="chk" title="如勾选该项，则复制粘贴无需按模板里的字段顺序。如不勾选，要按模板里的字段顺序复制粘贴"><input type="checkbox" value="includeHeader" name="includeHeader" id="includeHeader"/>包含表头<span class="gray">(如勾选该项，则复制粘贴无需按模板里的字段顺序。如不勾选，要按模板里的字段顺序复制粘贴)</span></span> -->
				<!-- <span class="chk" title="索引：商品 + 辅助属性 + 单位 + 批次号 + 生产日期"><input type="checkbox" value="mergeSameInv" name="mergeSameInv" id="mergeSameInv" />合并相同商品<span class="gray">(索引：商品 + 辅助属性 + 单位 + 批次号 + 生产日期)</span></span> -->
                <!-- <span class="chk" title="如勾选该项，则复制粘贴无需按模板里的字段顺序。如不勾选，要按模板里的字段顺序复制粘贴"><input type="checkbox" name="status" id="" lay-skin="primary" title="未入库" value="1" checked=""></span> -->
                <input type="checkbox" name="status" id="" lay-skin="primary" title="未入库" value="1" checked="">
            </li>
		</ul>
	</div>
	<div class="wrapper-bottom">
		<ul>
			<li id="inputInfoBox" style="display: none;">
				<textarea type="text" id="inputInfo" class="ui-input ui-input-ph" value="">将 excel 中的信息复制粘贴到此处(合并后分录不超过200条)</textarea>
			</li>
			<li id="inputInfoShowBox" style="width: 700px !important;">
				<textarea id="inputInfoShow" type="text/plain" style="width: 600px !important;"></textarea>
			</li>
	    </ul>
	</div>
</div>

<script src="/public/static/admin/easyui/layui-v2.6.8/layui.js"></script>
<script>
    $(function(){
        $(".import-rule-btn").on("click",function(){
            $(".wrapper-warning").slideToggle();
            if($(".wrapper-warning").css("display")=="none"){
                $(".import-rule-btn").html("查看导入规则");
            }else{
                $(".import-rule-btn").html("收起规则");
            }
        });
    });
</script>

<script type="text/javascript">
    var ue = UE.getEditor('inputInfoShow', {
        toolbars: [
            ["fullscreen", "undo", "redo", "selectall", "searchreplace", "cleardoc", "inserttable", "insertrow", "insertcol", "deleterow", "deletecol", "deletetable", "preview"]
        ],
        autoHeightEnabled: !1,
        autoFloatEnabled: !0,
        initialFrameWidth: 868,
        elementPathEnabled: !1,
        wordCount: !1,
        enableContextMenu: !0,
        autotypeset: {
            removeEmptyline: !0,
            clearFontSize: !0,
            clearFontFamily: !0
        },
        retainOnlyLabelPasted: !0,
        initialContent: ['<div style="color:#B4BCCC;font-size:12px;">', "将 excel 中的信息或 word中的表格 复制粘贴到此处(合并后分录不超过200条)", "</div>"].join(""),
        autoClearinitialContent: !0
    });

</script>

{include file="admin@public/footer" /}